<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title>教练详情</title>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
        <link rel="stylesheet" href="__PUBLIC__/Home/Css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/Css/ui-box.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/Css/ui-base.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/Css/ui-color.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/Css/appcan.icon.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/Css/appcan.control.css">
        <style type="text/css">
            *{font-family: "微软雅黑";}
            .allColor{background: #f4f4f4;}
            .bg{background: #ffffff;}
            .ubb,.ubt,.ubl,.ubr,.uba{border-color: #ddd;}
            .pd{padding: 0.8em;}
            a{text-decoration: none;}
            .mg{margin: 0.8em;}
        </style>
    </head>
    <body class="bc-bg">
        <div class="ub ub-fh ub-ver allColor">
            <div class="ub ub-fh ubb bg">
                <div class="ub ub-f1 pd">
                    <div class="ub"><img src="{$list.info.teacherimg}" style="height: 4em;width: 5em;"/></div>
                    <div class="ub ub-f1 ub-ver" style="padding-left: 0.8em;">
                        <div class="ub ub-pj">
                            <div>{$list.info.name} ({$list.info.teacherage}年教龄）</div>
                            <div style="font-size: 0.8em;color:#bebebe; ">{$list.info.focus}人关注</div>
                        </div>
                        <div style="padding-top: 0.2em;" >
                            {$list.info.praise}
                        </div>
                        <div class="ub" style="font-size: 0.8em;color:#bebebe;padding-top: 0.2em;">隶属驾校：{$list.info.site}</div>
                    </div>    
                </div>
            </div>
            <a href="tel:023-67588938" class="ub ub-fh bg ubb">
                <div class="ub ub-f1 pd">
                    <div><img src="__PUBLIC__/Home/img/phone.png" style="height: 1.2em;width: 1.2em;border-radius: 50%;"/></div>
                    <div style="color: #808080;padding-left: 0.6em;">{$list.info.phone}</div>
                </div>
            </a>
            <div class="ub ub-fh ubb ubt bg" style="margin-top: 0.6em;">
                <div class="ub ub-f1 pd" style="color: #969696;">教练简介</div>
            </div>
            <div class="ub ub-fh ubb bg">
                <div class="ub ub-f1 pd" style="font-size: 0.9em;">{$list.info.summary}</div>
            </div>
            <div class="ub ub-fh bg ubb">
                <div class="ub ub-f1 pd" style="color: #969696;">学员评价</div>
            </div>
            <div class="ub ub-fh ubb bg ub-ver">
                <div class="ub ub-f1 pd" style="padding-bottom: 0em;">
                    <div class="ub">
                       <img src="{$list.praise.headurl}" style="height: 5em;width: 5em;border-radius: 50%;"/>
                    </div>
                    <div class="ub-f1 ub-ver" style="padding-left: 0.8em;">
                        <div class="ub ub-pj">
                            <div>{$list.praise.name}</div>
                            <div style="color: #AAAAAA;">{$list.praise.time}</div>
                        </div>
                        <div class="ub ub-pj"  style="padding-top: 0.4em;">
                            {$list.praise.star}
                        </div>
                        <div class="ub" style="font-size: 0.8em;padding-top: 0.4em;color: #aaa;">{$list.praise.content}</div>
                    </div>
                </div>
                <eq name="list.praise.answer_status" value="1">
                    <div class="ub ub-fh">
                        <div class="ub ub-f1 mg ubt" style="padding: 0.5em 0em;font-size: 0.8em;color: #AAAAAA;">回复：<span>{$list.praise.answer}</span></div>
                    </div>
                </eq>
                <div class="ub ub-f1 ub-pc" style="font-size: 0.8em;color: #a3cf53;padding-bottom: 0.8em;" onclick="morePraiseList('{$list.info.id}')">查看全部评论（{$list.praise.count}）</div>
             </div>
            <div class="ub ub-fh ub-ver ubb bg ubt" style="margin-top: 0.6em;">
                <div class="ub ub-f1 pd" style="color: #969696;">教学视频</div>
                <div class="ub-f1" style="">
                    <volist name="list.video" id="svo">
                        <div class=" ub-ver" style="margin-left: 0.8em;float: left; width:44%; margin-top:0.8em;">
                            <div class="ub ub-ac ub-pc ub-f1" style="background: url(__PUBLIC__/Home/img/people.png) no-repeat center center;background-size: cover;height: 8em;">
                                <img class="ub" src="__PUBLIC__/Home/img/pause.png" style="width: 3em;height: 3em;border-radius: 50%;"/>
                            </div>
                            <div style="">{$svo.title}</div>
                        </div>
                    </volist>
                </div>
            </div>
        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="__PUBLIC__/Common/Js/jquery-2.0.3.min.js"></script>
    </body>
    <script>
        //查看全部教练评论
        function morePraiseList(id) {
            var type = 1;//教练

            var url = 'http://train.yq008.com/index.php/Home/web/praise/type/'+ type +'/id/'+ id;

            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
            //android终端
            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

            if (isAndroid){
                window.train.praiseList(url);
            }
            if (isiOS){
                praiseList(url);
            }
        }
    </script>
</html>
